<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>首页 - 中化阳光网站管理平台</title>

    <meta name="description" content="This is page-header (.page-header &gt; h1)"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <link rel="stylesheet" th:href="@{{path}/css/bootstrap.min.css(path=${contextPath})}"/>
    <link rel="stylesheet" th:href="@{{path}/css/font-awesome.min.css(path=${contextPath})}"/>
    <link rel="stylesheet" th:href="@{{path}/css/ace.min.css(path=${contextPath})}" id="main-ace-style"/>
    <link rel="stylesheet" th:href="@{{path}/css/ace-skins.min.css(path=${contextPath})}"/>
    <link rel="stylesheet" th:href="@{{path}/css/ace-rtl.min.css(path=${contextPath})}"/>
    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
        }

        .user-info {
            line-height: 35px;
            max-width: 180px;
        }
    </style>
</head>

<body class="no-skin">
<div id="navbar" class="navbar navbar-default">
    <div class="navbar-container" id="navbar-container">

        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <!-- /section:basics/sidebar.mobile.toggle -->
        <div class="navbar-header pull-left">
            <!-- #section:basics/navbar.layout.brand -->
            <a href="index.html" class="navbar-brand">
                <small>
                    <img th:src="@{{path}/avatars/logo.png(path=${contextPath})}" alt=""/>
                </small>
            </a>
        </div>

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">

                <!-- #section:basics/navbar.user_menu -->
                <li>
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle" style="background: none">
								<span class="user-info">
                                    你好：<span th:text="${session.username}"></span>
								</span>

                        <i class="ace-icon fa fa-caret-down" style="line-height: 48px"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a th:href="@{{path}/login/logout(path=${contextPath})}">
                                <i class="ace-icon fa fa-power-off"></i>
                                登出
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </div>

    </div><!-- /.navbar-container -->
</div>

<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container" style="width:100%;height:87%;">

    <!-- #section:basics/sidebar -->
    <div id="sidebar" class="sidebar responsive">


        <ul class="nav nav-list">
            <li class="active">
                <a href="index.html">
                    <i class="menu-icon fa fa-tachometer"></i>
                    <span class="menu-text"> 总控制台 </span>
                </a>

                <b class="arrow"></b>
            </li>

            <li class="active open">

                <b class="arrow"></b>

                <ul class="submenu">

                    <li class="active" onclick="change('about/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            关于我们
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('news/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            新闻动态
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('notice/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            重要通知
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('file/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            公开文件
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('activity/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            专题活动
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('quality/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            质量管理体系
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('environment/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            环境管理体系
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('health/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            职业健康安全管理体系
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('hssse/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            中石化HSSSE体系
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('contact/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            联系我们
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('recruitment/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            人才招聘
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('announcement/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            阳光公告
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('authenticate/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            认证流程
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="" onclick="change('client/list')">
                        <a href="javascript:void(0);">
                            <i class="menu-icon fa fa-caret-right"></i>
                            优秀客户
                        </a>

                        <b class="arrow"></b>
                    </li>

                </ul>
            </li>


        </ul><!-- /.nav-list -->

        <!-- #section:basics/sidebar.layout.minimize -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left"
               data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>

    </div>

    <!-- /section:basics/sidebar -->
    <div class="main-content" style="width:85%;height:100%;">
        <iframe id="iframe" src="homepage" style="width:100%;height:100%;border: none;"/>
    </div><!-- /.main-content -->

    <div class="footer">
        <div class="footer-inner">
            <!-- #section:basics/footer -->
            <div class="footer-content" style="width: 100%;left: 0;right: 0;background-color: #fff;">
						<span class="bigger-120">
							 中化阳光网站管理平台 &copy; 2018 
						</span>
            </div>

            <!-- /section:basics/footer -->
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<script th:src="@{{path}/js/jquery.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/jquery.mobile.custom.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/bootstrap.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/jquery-ui.custom.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/jquery.ui.touch-punch.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/ace-elements.min.js(path=${contextPath})}"></script>
<script th:src="@{{path}/js/ace.min.js(path=${contextPath})}"></script>
<script type="text/javascript">
    function change(url) {
        $("#iframe").attr("src", url);
    }
</script>
</body>
</html>
